<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_757962_6ve2sfnfjsk.css">
		<link rel="shortcut icon"type="image/x-icon" href="images/logo.png" media="screen" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>联系我们</title>
	</head>
	<style type="text/css">
		*{padding: 0;margin: 0;}
		body{
			margin: 0 auto;
			background: #ecedef;
		}
		
		header{
			height: 800px;
			background: url(img/pic7.jpg) no-repeat;
			background-size: 100%;
			width: 100%;
			margin: 0 auto;
		}

		header ul{
			height: 70px;
			background: white;
			opacity: 0.2;
		}
		header .title{
			margin: 50px 80px 80px 80px;
			height: 550px;
			border: 5px solid;
			border-color: #FFFFFF;
			text-align: center;
			color: white;
		}
		header .title .one{
			margin-top: 260px;
			font-family: STXingKai;
			font-size: 70px;
		}
		header .title .two{
			font-family: STXingKai;
			font-size: 30px;
			margin-bottom: 60px;
		}
		
.header {
				width: 100%;
			    height: 40px;
			    position: absolute;
			    top: 0;
			    background: #000;
			    z-index: 777;
			}
.header ul {
	display: block;
	width: 900px;
	margin: 0 auto;
}
.header ul li {
	float: left;
	margin-right: 100px;
	line-height: 40px;
	margin-left: 15px;
	
}
.header ul li:last-child {
	margin-right: 0;
}
.header ul li a {
	color: black;
	font-weight: bold;
	color:#fff;
}
.header ul li a:hover {
	color: green;
}
.header .iconfont{
	color: #fff;
}

		.main{
			margin: 0 auto;
			margin-top: -50px;
			padding: 35px 120px;
			width: 800px;
			height: 800px;
			background: white;
			font-family: "宋体";
			font-size: 15px;
			line-height: 30px;
			padding-bottom: 150px;
		}
		.main .head{
			text-align: center;
			margin-bottom: 20px;
			font-size: 20px;
		}
		p{
			text-indent: 32px;
		}
		.main .end{
			margin-bottom: 60px;
		}
		.title p,.other p,.foot p{
			text-indent: 0px;
		}
		footer{
			color: white;
			background: #c6ced1;
			height: 80px;
			text-align: center;	
		}
		.foot{
			padding: 15px ;
		}

	</style>
	<body>
		<div class="header"><ul>
				<li><a onclick="window.location = 'index.html' ",href:"###">首页</a></li>
				<li><a onclick="window.location = 'Douruoindex.html' ",href:"###">多肉植物</a></li>
				<li><a  onclick="window.location = 'html/shoppingCar.html' ",href:"###">购物车</a></li>
				<li><a  onclick="window.location = 'variety.html' ",href:"###">品种百科</a></li>
				<li><a href="javascript:void(0);">联系我们</a></li>
				<li><i class="iconfont icon-sousuo"></i></li>
			</ul></div>
			<header>
				<ul>
					<li></li>
				</ul>
				<div class="title">
					<p class="one">
						Succulent Plants
					</p>
					<p class="two">
						RELEASE THE OXYGEN CONDITIONING THE INDOOR AIR
					</p>
				</div>
			</header>
			<div class="main">
				<p class="head">
						团队简介
				</p>
				<p>  湖北省武汉市武汉科技大学计算机科学与技术学院创办于1988年，是一个集教学、科研、科技开发于一体的高科技实体。
					在2018年的暑假，学院开展2015届生产实习，给予学生一个新的学习环境去结合课本知识，将理论与实际联系起来，学习专业知识和技能。
				</p>
				<p>
					“北斗七星”是武汉科技大学生产实习小组之一。小组学习的编程语言为h5前端编程语言。
					小组成员有李秋、周怡、彭莹莹、朱婵娟、肖梦迪、李佳美、郁力，其中李秋同学担任组长。
				</p>
				<p>
					在本次生产实习中，“北斗七星”选择的主题为“多肉植物的购买”。小组经过多次讨论后选定页面风格布局等，将所需完成的任务一一交付给小组成员进行完成。
					在经历两天的繁忙的写页面、做后台、整合数据、做PPT等之后，一个完整的多肉植物购买网站就此完成。
				</p>
				<p>
					在选材的过程中，我们对各种可能的选题都有一定的了解，最终选定多肉植物，并加深对其的了解。
				</p>
				<p>
					多肉植物（succulent plant）是指植物的根、茎、叶三种营养器官中至少有一种是肥厚多汁并且具备储藏大量水分功能的植物。
					其至少具有一种肉质组织，这种组织是一种活组织，除其他功能外，它能储藏可利用的水，在土壤含水状况恶化、植物根系不能再从土壤中吸收和提供必要的水分时，它能使植物暂时脱离外界水分供应而独立生存。 
					据粗略统计，全世界共有多肉植物一万余种，在分类上隶属100余科。
				</p>
				<p class="end">
					未来，多肉植物将会受到更多人的喜爱，多肉植物是一个大的消费市场，在中国消费升级的大背景下，多肉植物的购买也将积极探索，推出适合市场消费的新产品。
				<div class="other">
					<p>网站：http://www.douroucn.com</p>
					<p>联系电话：400-667-6255</p>	
					<p>联系邮箱：kf@duoroucn.com</p>
					<p>联系地址：武汉科技大学计算机科学与技术学院</p>	
					<p>邮编：430065</p>	
				</div>	
			</div>
			<footer>
				<div class="foot">
					<p>
						版权所有 违者必究
					</p>
					<p>
						@ Inter IKEA System B.Y.1999-2019 Timeless design & enduring flowrs
					</p>
				</div>
			</footer>
		
	</body>
</html>
